<template>
  <div class="helloBox">
    <div class="helloBoxleft">
      <img class="loginImg" src="@/assets/login.png" alt="" />
    </div>
    <div class="helloBoxright">
      <div class="helloBoxrightcont">
        <div class="rightcontText">大数据典型分析应用系统</div>
        <div class="dltext">用户登录</div>
        <div style="margin-bottom: 56px">
          <el-input
            v-model="user"
            placeholder="请输入账号"
            style="width: 512px"
          ></el-input>
        </div>
        <div>
          <el-input
            style="width: 512px"
            placeholder="请输入密码"
            v-model="password"
            show-password
          ></el-input>
        </div>
        <div style="margin-top: 96px">
          <div class="dlbtn" @click="loginClick">立即登录</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      user: "",
      password: "",
    };
  },
  mounted() {
    // sessionStorage.setItem('loginType', true)
    // sessionStorage.getItem('loginType')
    // sessionStorage.removeItem('loginType')
  },
  methods: {
    loginClick() {
      if (this.user != "" && this.password != "") {
        sessionStorage.setItem("loginType", true);
        this.$router.push("/");
      } else {
        this.$notify({
          title: "警告",
          message: "请输入账号和密码",
          type: "warning",
        });
      }
    },

    postN() {
      //   let openid = "oO5tQ5VMPpuzLqwfXhpmwjqwSANM";
      //   let productCodes = "pro-1337270496655446016";
      this.$api.apply
        .editNewsDetail({
          cardNum: "230621199603113711",
          cardType: "1",
          city: "哈尔滨市",
          email: "zpf17088230742@163.com",
          gender: 1,
          industry: 1,
          matchId: 40,
          phone: "17088230742",
          practiceCertificate: "CFP,AFP",
          province: "黑龙江省",
          realName: "刘建",
          verificationCode: 302605,
          workAge: "1",
          workCompany: "北京当代",
          workDepartment: "技术部",
        })
        .then((res) => {
          console.log(res);
        });
    },
  },
};
</script>

<style scoped>
.helloBox {
  display: flex;
  height: 100vh;
  background: #f4f6f8;
}
.helloBoxleft {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.helloBoxright {
  width: 768px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.loginImg {
  width: 850px;
  height: 530px;
}
.rightcontText {
  font-size: 42px;
  font-weight: 600;
  color: #424656;
  margin-bottom: 96px;
}
.dltext {
  font-size: 24px;
  font-weight: 600;
  color: #424656;
  margin-bottom: 40px;
}
.dlbtn {
  width: 268px;
  height: 80px;
  line-height: 80px;
  background: #55b283;
  border-radius: 40px;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
}
</style>
<style >
.helloBox .el-input__inner {
  height: 64px;
  line-height: 64px;
  border-radius: 32px;
}
.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: #55b283;
}
</style>
